.form{
  width: 400px;
  border: 1px solid rgb(219, 221, 226);
  font-size: 10px;
  padding: 15px;
  color: rgb(88, 93, 100);
}
.warpper{
  width: 400px;
  display: flex;
} 
.font{
  width: 115px;
  text-align: right;
}
.font1{
  line-height: 30px;
}
.inputright{
  margin-left: 10px;
}
.input{
  width: 200px;
  height: 25px;
  border: 1px solid rgb(219, 221, 226);
  padding-left: 5px;
  font-size: 7px;
  margin-top: 10px;
  border-radius: 3px;
}
.select{
  width: 130px;
  height: 29px;
  margin-top: 10px;
  border: 1px solid rgb(219, 221, 226);
  font-size: 7px;
  color: rgb(88, 93, 100);
  border-radius: 3px;
}
.date{
  margin-top: 10px;
}
.date1{
  margin-right: 5px;
}
.dateinput{
  width: 95.5px;
  border: 1px solid rgb(219, 221, 226);
  color: rgb(88, 93, 100);
  height: 29px;
  border-radius: 3px;
}
.tel{
  margin-top: 12px;
  width: 200px;
  height: 25px;
  border: 1px solid rgb(219, 221, 226);
  padding-left: 5px;
  font-size: 7px;
  border-radius: 3px;
}
.switch{
  width: 35px;
  height: 20px;
  background-color: rgb(214, 216, 218);
  margin-top: 17px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.switchsi{
  width: 35px;
  height: 20px;
  background-color: rgb(64, 153, 244);
  margin-top: 17px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.switchsize{
  width: 16px;
  height: 16px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: rgb(244, 244, 244);
}
.switchsize2{
  width: 16px;
  height: 16px;
  margin-left: 2px;
  border-radius: 50%;
  margin-left: 17px;
  background-color: rgb(244, 244, 244);
}
.occupation{
  width: 200px;
  height: 25px;
  border: 1px solid rgb(219, 221, 226);
  padding-left: 5px;
  font-size: 7px;
  margin-top: 12px;
  border-radius: 3px;
}
.check{
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
.checkb{
  margin-right: 10px;
}
.activitytype{
  width: 12px;
  height: 12px;
  margin-bottom: 10px;
}
.span{
  font-size: 13px;
}
.font2{
  margin-top: 35px;
}
.radio{
  margin-top: 10px;
}
.radio1{
  margin-left: 20px;
}
.textarea{
  width: 203px;
  margin-top: 16px;
}
.wenben{
  width: 203px;
  border: 1px solid rgb(219, 221, 226);
  resize: none;
}
.btn{
  width: 50px;
  height: 30px;
  background-color: rgb(64, 153, 244);
  border: 0;
  border-radius: 5px;
  color: #ffff;
  margin-top: 15px;
  margin-right: 10px;
}
.reset{
  width: 50px;
  height: 30px;
  border: 1px solid rgb(219, 221, 226);
  border-radius: 5px;
  margin-top: 15px;
  margin-right: 10px;
  background-color: rgb(255, 255, 255);
}




// <div className="checkb">
//    <input type="checkbox" className="activitytype"/> <span className="span">推广类</span>
// </div>  
// <div className="checkb">
//    <input type="checkbox" className="activitytype"/> <span className="span">线下活动</span>
// </div> 
// <div className="checkb">
//    <input type="checkbox" className="activitytype"/> 
//    <span className="span">品牌介绍</span>
// </div> 